@charset "UTF-8";
@import "index";
@import "common/reset";
@import "common";

.web {
  .banner {
    .bottom_popups {
      .popups_div {
        text-align:left;
        span {
          font-size:n(27px);
          color: #FFFFFF;
        }
        i {
          display: inline-block;
          vertical-align: middle;
        }
        .college_time,.college_address {
          font-size: n(16px);
        }
      }
    }
  }
  .college_div_all {
    width:100%;
    background-color: #FFFFFF;
    margin-top: n(26px);
    .college_div {
      width:90%;
      margin:0 auto;
      .cd_all {
        width: 100%;
        padding-top: n(22px);
        border-bottom: n(2px) solid #e2e2e2;
        .cd_top {
          width:100%;
          .cd_user {
            display: inline-block;
            width:n(58px);
            height:n(58px);
            background-color:#898989;
            border-radius:50%;
            vertical-align: middle;
            img {
              width: 100%;
            }
          }
          .cd_user_info {
            width:44%;
            display: inline-block;
            font-size:n(28px);
            color:#c5c5c5;
            vertical-align: middle;
            p{
              font-size: n(18px);
              width:100%;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
            }
          }
          .cd_button {
            padding:n(15px) n(42px);
            background-color: $color;
            color: #fff;
            i {
              display: inline-block;
              vertical-align: middle;
            }
          }
        }
        .cd_bottom {
          width:100%;
          margin-top:n(15px);
          b{
            width: 50%;
            font-size: n(25px);
            font-weight: 500;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
          }
          p{
            width: 50%;
            display: inline-block;
            font-size: n(16px);
            text-align: right;
          }
        }
      }
    }
    .cdContent_img {
      width:n(585px);
      min-height:n(432px);
      overflow: hidden;
      padding:n(15px) 0 n(25px) 0;
      img {
        width: 100%;
      }
    }
  }
}